<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link href="<?php echo admin_css; ?>common.css" rel="stylesheet" type="text/css" 　rel="stylesheet">
    <link href="/Public/Admin/Styles/admin.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="<?php echo admin_js;?>jquery-2.1.0.js"></script>
    <script type="text/javascript" src="<?php echo admin_js;?>/bundle.min.js"></script>
    <script type="text/javascript" src="<?php echo admin_js;?>jquery.citys.js"></script>
    <style type="text/css">
        .main {
            width: 1024px;
            height: 1200px;
            margin: 0 auto;
        / / border: 1 px solid green;

        }

        .main div span {
            display: block;
            float: left;
            margin-left: 15px;
            margin-right: 7px;
        }

        /*头部的导航条*/
        header {
            width: 1024px;
            height: 40px;
        / / border: 1 px solid red;
            border-bottom: 3px solid #e9ecf3;
        }

        article {
            margin: 0 auto;
            width: 770px;
            height: 1120px;
        / / border: 2 px solid blue;

        }

        .shop_info {
            width: 770px;
            height: 234px;
            position: relative;
            border-bottom: 3px solid #e9ecf3;
        }

        .shop_pages {
            width: 770px;
            height: 370px;
        / / border: 1 px solid blue;
            border-bottom: 3px solid #e9ecf3;
        }

        .shop_pages_con {
            width: 270px;
            height: 70px;
        / / border: 2 px solid green;
        }

        .shop_license {
            width: 270px;
            height: 70px;
        / / border: 1 px solid grey;
        }

        .shop_IDphoto {
            width: 440px;
            height: 90px;
        / / border: 3 px solid blue;
        }

        .tel_num {
            width: 364px;
            height: 34px;
        / / border: 1 px solid red;
        }

        .shop_pages_con, .shop_license, .shop_IDphoto, .tel_num {
            margin-top: 24px;
        }

        .shop_img {
            width: 770px;
            height: 310px;
        / / border: 1 px solid green;
            border-bottom: 3px solid #e9ecf3;
        }

        .shop_img_top, .shop_img_bottom {
            width: 503px;
            height: 120px;
        / / border: 1 px solid blue;
            margin-bottom: 20px;
        }

        .shop_img_top {
            margin-top: 25px;
        }

        .shop_img_top_title {
            width: 120px;
            height: 120px;
            line-height: 120px;
            float: left;
        / / border: 1 px solid blue;
        }

        .shop_img_top_img {
            width: 180px;
            height: 120px;
            background: #e9ecf3;
            margin-left: 10px;
            float: left;
        }

        .shop_img_top_img:nth-child(1) {
            margin-left: 10px;
        }

        .shop_submit {
            height: 220px;
            width: 770px;
        / / border: 1 px solid red;
        }

        .shop_submit_content {
            width: 260px;
            height: 130px;
        / / border: 1 px solid red;
            margin: 0 auto;
            margin-bottom: 89px;
        }

        .shop_submit_content_top {
            width: 260px;
            height: 80px;
            line-height: 80px;
        / / border: 1 px solid blue;
        }

        .shop_submit_content_bottom {
            width: 260px;
            height: 50px;
        / / border: 1 px solid red;

        }

        .shop_submit_content_bottom button {
            width: 260px;
            height: 50px;
            font-size: 14px;
            border-radius: 12px;
        }

        .shop_name {
        / / border: 1 px solid red;
            width: 770px;
            height: 30px;

        }

        .shop_info_content {
            width: 637px;
        / / border: 1 px solid blue;
            height: 180px;

        }

        .shop_name label, .shop_name_sort label, .shop_type label, .shop_address label {
            display: block;
            float: right;
        / / border: 1 px solid blue;
            height: 30px;
            line-height: 30px;
        }

        .shop_name input, .shop_name_sort input, .shop_type select, .shop_address input {
            display: block;
            float: left;
            height: 30px;
            width: 222px;
        }

        .shop_name_left {
            width: 120px;
            float: left;
        / / border: 1 px solid blue;
            margin-right: 10px;
        }

        .shop_name_right {

        }

        .shop_page_title {
            width: 120px;
            height: 70px;
        / / border: 1 px solid red;
            float: left;
            line-height: 70px;
            margin-right: 10px;
        }

        #special span {
            margin-left: 0px;
        }

        .shop_page_title_tel {
            width: 120px;
            height: 32px;
        / / border: 1 px solid red;
            float: left;
            line-height: 32px;
            margin-right: 10px;
        }

        .person {
            height: 88px;
            line-height: 88px;
        }

        .tel_num_right input {
            position: relative;
            width: 150px;
            height: 30px;
            float: left;
        }

        .shop_page_img {
            position: relative;
            width: 122px;
            height: 70px;
            background: #e9ecf3;
            float: left;
        }

        .shop_page_img img {
            width: 122px;
            height: 70px;
        }

        .shop_pag_img:first-child {
            margin-left: 10px;
            border: 5px solid red;
        }

        .up_img {
            width: 100px;
            height: 35px;
            font-size: 12px;
        / / border: 1 px solid blue;
        }

        .up_img button {
            margin: 0 auto;
        }

        .head {
            width: 1024px;
            height: 40px;
            background: #fff;
            line-height: 40px;
        / / border: 1 px solid blue;
        }

        .head_left {
            margin-left: 60px;
            float: left;
        }

        .head_right {
            float: right;
        }

        .head_right li {
            height: 40px;
            line-height: 40px;
            float: left;
            margin-right: 10px;
            list-style: none;
        }

        .head_right li img {
            display: block;
            margin: 10px 0 0 10px;
        }

        .brand {
            color: #5CC7CB;
            font-weight: bold;
        }

        .big {
            width: 150px;
            height: 90px;
        }

        .big button {
            width: 78px;
            height: 30px;
        }

        #big_right {
            margin-left: 8px;
        }

        .check {
            height: auto;
        }

        .button {
            display: block;
            background: #5cc7cb;
            color: white;
            font-size: 12px;
            text-align: center;
            border-radius: 3px;

        }

        .citys {

        }

        .citys option {
            width: 100px;
            height: 30px;
        }

    </style>
</head>
<body>
<div class="main">
    <header>
        <div class="head">
            <div class="head_left">
                <span class="brand">贝客</span>后台管理
            </div>
            <div class="head_right">
                <ul>
                    <li><img src="<?php echo leftNav;?>login_head.png"></li>
                    <li>登陆</li>
                </ul>

            </div>
        </div>
    </header>
    <article>
        <div class="shop_info">
            <form name="main_form" method="POST" action="/admin/shop/add" enctype="multipart/form-data">
                <div class="shop_info_content apeak">
                    <div class="shop_name in_line_c">
                        <div class="shop_name_left">
                            <div class="shop_name_left_name">
                                <span><img src="<?php echo leftNav;?>star.png"></span> <label>店铺名称：</label>
                            </div>
                        </div>
                        <div class="shop_name_right">
                            <input type="text" name="full_name">
                        </div>

                    </div>
                    <div class="shop_name_sort in_line_c">
                        <div class="shop_name_left">
                            <label>店铺简称：</label>
                        </div>
                        <div class="shop_name_right">
                            <input type="text" name="shop_name">
                        </div>
                    </div>

                    <div class="shop_type in_line_c">
                        <div class="shop_name_left">
                            <span><img src="<?php echo leftNav;?>star.png"></span> <label>所属行业：</label>
                        </div>
                        <div class="shop_name_right">

                            <select name="type">
                                <option value="1">品牌购物</option>
                                <option value="2">住宿旅行</option>
                                <option value="3">餐饮娱乐</option>
                                <option value="4">超市百货</option>
                                <option value="5">美妆护理</option>
                                <option value="6">线上会员</option>
                                <option value="7">其他</option>

                            </select>
                        </div>
                    </div>

                    <div class="shop_address in_line_c">
                        <div class="shop_name_left">
                            <span><img src="<?php echo leftNav;?>star.png"></span> <label>店铺地址：</label>
                        </div>
                        <div class="shop_name_right">
                            <!--<input type="text"name="shop_addr">-->
                            <div id="demo3" name="shop_addr" class="citys">
                                <select name="province"></select>
                                <select name="city"></select>
                                <select name="area"></select>
                                <select name="town"></select>
                            </div>

                            <!--<div class="code">-->
                            <!--<p>扩展显示行政区划第四级(街道)信息：</p>-->
                            <script>
                                var $town = $('#demo3 select[name="town"]');
                                var townFormat = function (info) {
                                    $town.hide().empty();
                                    if (info['code'] % 1e4 && info['code'] < 7e5) {	//是否为“区”且不是港澳台地区
                                        $.ajax({
                                            url: 'http://passer-by.com/data_location/town/' + info['code'] + '.json',
                                            dataType: 'json',
                                            success: function (town) {
                                                $town.show();
                                                for (i in town) {
                                                    $town.append('<option value="' + i + '">' + town[i] + '</option>');
                                                }
                                            }
                                        });
                                    }
                                };
                                $('#demo3').citys({
                                    province: '浙江',
                                    city: '杭州',
                                    area: '西湖',
                                    onChange: function (info) {
                                        townFormat(info);
                                    }
                                }, function (api) {
                                    var info = api.getInfo();
                                    townFormat(info);
                                });
                            </script>
                        </div>
                    </div>
                </div>
        </div>
        <div class="shop_pages">
            <div class="shop_pages_con">
                <div class="shop_page_title ">
                    <span><img src="<?php echo leftNav;?>star.png"></span>
                    <lable>营业执照：</lable>
                </div>
                <div class="shop_page_img">
                    <div class="up_img veti ">
                        <input type="file" name="zhagsan" multiple="multiple">sag
                        <p style="position: absolute" id="fileList1" ></p>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" id="fileElem1" name="license_img[]" multiple="multiple" >上传图片
                        </a>
                        <p>大小不能超过2M</p>
                    </div>
                </div>
            </div>
            <div class="shop_license">
                <div id="special" class="shop_page_title  ">

                    <span><img src="<?php echo leftNav;?>star.png"></span>经营许可证：
                </div>
                <div class="shop_page_img">
                    <div class="up_img  veti">
                        <p style="position: absolute" id="fileList2"></p>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" id="fileElem2" name="permit_img">上传图片
                        </a>

                        <p>大小不能超过2M</p>
                    </div>
                </div>
            </div>
            <div class="shop_IDphoto">
                <span></span>

                <div class="shop_page_title person ">
                    <span>法人身份证：</span>
                </div>
                <div class="shop_page_img  big">
                    <p style="position:absolute" id="fileList3"></p>
                    <div class="up_img  veti">
                        <a href="javascript:;" class="a-upload">
                            <input type="file" id="fileElem3" name="ID_front_img">上传图片
                        </a>

                        <p>法人身份证照片</p>
                    </div>
                </div>
                <div class="shop_page_img big" id="big_right">
                    <div class="up_img  veti">
                        <p style="position:absolute" id="fileList4"></p>
                        <a href="javascript:;" class="a-upload">
                            <input type="file" id="fileElem4" name="ID_back_img">上传图片
                        </a>

                        <p>法人身份证照片</p>
                    </div>
                </div>
            </div>
            <div class="tel_num">
                <div class="shop_page_title_tel">
                    <span><img src="<?php echo leftNav;?>star.png"></span>电话号码：
                </div>
                <div class="tel_num_right">
                    <input type="text" name="phone">
                </div>
            </div>
        </div>


        <div class="shop_img">
            <div class="shop_img_top">
                <div class="shop_img_top_title">
                    <span><img src="<?php echo leftNav;?>star.png"></span>店铺照片：
                </div>
                <div class="shop_img_top_img">
                    <p style="position:absolute" id="fileList5"></p>
                    <a href="javascript:;" class="a-upload veti">
                        <input type="file" id="fileElem5" name="shop_img1">上传图片
                    </a>
                </div>
                <div class="shop_img_top_img">
                    <p style="position:absolute" id="fileList6"></p>
                    <a href="javascript:;" class="a-upload veti">
                        <input type="file" id="fileElem6" name="shop_img2">上传图片
                    </a>
                </div>
            </div>
            <div class="shop_img_bottom">
                <div class="shop_img_top_title ">
                    <span><img src="<?php echo leftNav;?>star.png"></span>店铺门面照：
                </div>
                <div class="shop_img_top_img  ">
                    <p style="position:absolute" id="fileList7"></p>
                    <a href="javascript:;" class="a-upload veti">
                        <input type="file"  id="fileElem7" name="Front1_img">上传图片
                    </a>
                </div>
                <div class="shop_img_top_img ">
                    <p style="position:absolute" id="fileList8"></p>
                    <a href="javascript:;" class="a-upload veti">
                        <input type="file" id="fileElem8" name="front2_img">上传图片
                    </a>
                </div>
            </div>
        </div>
        <div class="shop_submit">
            <div class="shop_submit_content">
                <div class="shop_submit_content_top">
                    <input type="checkbox" class="check">
                    我已阅读并同意<font class="blue_font">贝壳平台服务协议</font>
                </div>
                <div class="shop_submit_content_bottom">
                    <button type="submit">提交申请入驻</button>
                </div>
            </div>
        </div>
        </form>
    </article>
    <footer></footer>
</div>
</body>
</html>
<script>
    /*暂时先穷举*/
    var uploadFiles1 = new UploadFiles('fileList1', 'fileElem1', function () {
        // alert('上传完毕');
    });
    uploadFiles1.init();

    var uploadFiles2 = new UploadFiles('fileList2', 'fileElem2', function () {
        // alert('上传完毕');
    });
    uploadFiles2.init();
    var uploadFiles2 = new UploadFiles('fileList2', 'fileElem2', function () {
        // alert('上传完毕');
    });
    uploadFiles2.init();
    var uploadFiles3 = new UploadFiles('fileList3', 'fileElem3', function () {
        // alert('上传完毕');
    });
    uploadFiles3.init();
    var uploadFiles4 = new UploadFiles('fileList4', 'fileElem4', function () {
        // alert('上传完毕');
    });
    uploadFiles4.init();
    var uploadFiles5 = new UploadFiles('fileList5', 'fileElem5', function () {
        // alert('上传完毕');
    });
    uploadFiles5.init();
    var uploadFiles6 = new UploadFiles('fileList6', 'fileElem6', function () {
        // alert('上传完毕');
    });
    uploadFiles6.init();
    var uploadFiles7 = new UploadFiles('fileList7', 'fileElem7', function () {
        // alert('上传完毕');
    });
    uploadFiles7.init();


    /* 点击时把图片上传的按钮先删除掉*/
</script>